{% extends 'base.html' %}

{% block title %}首页{% endblock %}

{% block top_javascript %}
    <script type="text/javascript">
        $(document).ready(function (e) {

            $('#slider li').eq(0).show();
            var lenThumb = $('#slider li').length;
            for (var i = 1; i <= lenThumb; i++) {
                $('#num').append('<span>' + i + '</span>');
            }
            $('#num span').eq(0).addClass('on');
            var len = $('#num span').length;
            var index = 0;

            $('#num span').click(function () {
                index = $('#num span').index(this);
                picShow(index);
            });
            var playPic = setInterval(function () {
                picShow(index);
                index++;
                if (index == len) {
                    index = 0
                }
            }, 3000);

            function picShow(i) {
                $('#slider li').eq(i).stop(true, true).fadeIn().siblings().fadeOut();
                $('#num > span').eq(i).addClass('on').siblings().removeClass('on');
            }

        });
    </script>
{% endblock %}

{% block top_link %}
    <div class="banner">
        <ul id="slider">
            <li style="background:url(/static/images/home/banner.jpg) no-repeat center;"><a href="#"></a></li>
            <li style="background:url(/static/images/home/banner.jpg) no-repeat center;"><a href="#"></a></li>
            <li style="background:url(/static/images/home/banner.jpg) no-repeat center;"><a href="#"></a></li>
        </ul>

        <div class="w_auto">
            <div class="clearfix"></div>
            <div id="num" class="point"></div>
        </div>
    </div>
    <div class="w1201">
        <a name="a01"></a>
        <div class="idx01">
            <div class="rollBox">
                <dl>
                    <dt><b>限时抢购</b><span>让生活精彩不停</span>
                        <p><img onMouseDown="ISL_GoDown()" onMouseUp="ISL_StopDown()" onMouseOut="ISL_StopDown()"
                                class="img1" src="/static/images/home/ico13.jpg" width="23" height="23"/>
                            <img onmousedown="ISL_GoUp()" onMouseUp="ISL_StopUp()" onMouseOut="ISL_StopUp()"
                                 class="img2"
                                 src="/static/images/home/ico14.jpg" width="23" height="23"/></p></dt>
                    <dd>
                        <div class="Cont" id="ISL_Cont">
                            <div class="ScrCont">


                                <div id="List1">
                                    <!-- 图片列表 begin -->
                                    <ul>
                                        <li class="pic">
                                            <p class="p01">保护儿童行车安全</p>
                                            <p class="p02">
                                                <font>￥</font><b>1320</b><br/>
                                                <span>happy baby<br/>儿童安全座椅</span>
                                                <a href="#" class="buy">立即抢购 ></a>
                                            </p>
                                            <img src="/static/images/img/img.jpg"/>
                                        </li>
                                        <li class="pic">
                                            <p class="p01">阳澄湖大闸蟹</p>
                                            <p class="p02">
                                                <font>￥</font><b>196</b><br/>
                                                <span>买一送一<br/>鲜活直达</span>
                                                <a href="#" class="buy">立即抢购 ></a>
                                            </p>
                                            <img src="/static/images/img/img3.jpg"/>
                                        </li>
                                        <li class="pic">
                                            <p class="p01">韩后919爱购节</p>
                                            <p class="p02">
                                                <font>￥</font><b>1320</b><br/>
                                                <span>最IN进口面膜<br/>敷起来</span>
                                                <a href="#" class="buy">立即抢购 ></a>
                                            </p>
                                            <img src="/static/images/img/img2.jpg"/>
                                        </li>
                                    </ul>

                                    <!-- 图片列表 end -->
                                </div>


                                <div id="List2"></div>
                            </div>
                        </div>
                    </dd>
                </dl>
            </div>
        </div>

        <div class="idx_ad"><img src="/static/images/home/ico39.jpg"/></div>
        <a name="a02"></a>
        <div class="idx02">
            <dl>
                <dt>易易特色</dt>
                <dd>
                    <div class="item big">
                        <a href="#" class="title">苹果WATCH手表 智能穿戴 智能手表 Apple Watch</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img4.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img6.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img6.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img9.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img10.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img7.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img8.jpg"/>
                    </div>
                    <div class="clear"></div>
                </dd>
            </dl>
        </div>
        <a name="a03"></a>
        <div class="idx02" id="idx03">
            <dl>
                <dt>新品上市</dt>
                <dd>
                    <div class="item big">
                        <a href="#"><img src="/static/images/img/img11.jpg"/></a>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img13.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img12.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img5.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img14.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img16.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img17.jpg"/>
                    </div>
                    <div class="clear"></div>
                </dd>
            </dl>
        </div>

        <div class="idx_ad"><img src="/static/images/home/ico28.jpg"/></div>
        <a name="a04"></a>
        <div class="idx02" id="idx04">
            <dl>
                <dt>热销产品</dt>
                <dd>
                    <div class="item big">
                        <a href="#" class="title">苹果WATCH手表 智能穿戴 智能手表 Apple Watch</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img18.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img20.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img19.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img23.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img24.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img21.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img22.jpg"/>
                    </div>
                    <div class="clear"></div>
                </dd>
            </dl>
        </div>
        <a name="a05"></a>
        <div class="idx02" id="idx05">
            <dl>
                <dt>精品推荐</dt>
                <dd>
                    <div class="item big">
                        <a href="#"><img src="/static/images/img/img25.jpg"/></a>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img27.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img26.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img29.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img30.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img31.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img28.jpg"/>
                    </div>
                    <div class="clear"></div>
                </dd>
            </dl>
        </div>
        <a name="a06"></a>
        <div class="idx02" id="idx06">
            <dl>
                <dt>生活服务</dt>
                <dd>
                    <div class="item big">
                        <a href="#" class="title">苹果WATCH手表 智能穿戴 智能手表 Apple Watch</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img32.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img33.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img34.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img35.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img36.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img37.jpg"/>
                    </div>
                    <div class="item">
                        <a href="#" class="title">Apple/苹果ipad mini2 32GB银7.9英寸平板电脑</a>
                        <p><font>￥</font>2658.<font>00</font></p>
                        <a href="#" class="buy"></a>
                        <img src="/static/images/img/img38.jpg"/>
                    </div>
                    <div class="clear"></div>
                </dd>
            </dl>
        </div>

        <div class="idx_ad"><img src="/static/images/home/ico28.jpg"/></div>
    </div>
{% endblock %}
